<div class="panel panel-default">
    <div class="bg-light lter b-b wrapper-md">
        <h1 class="m-n font-thin h3">选择图片</h1>
    </div>
    <div class="wrapper-md" ng-controller="ImgCropCtrl">
        <div class="m-b">
            <input type="file" id="imgCropfileInput" />
        </div>
        <div class="hbox hbox-auto-xs">
            <div class="col col-sm-12">
                <div class="wrapper-sm b-a bg-white m-r-xs m-b-xs">
                    <div class="bg-light" style="height : 350px">
                        <img-crop
                                image="myImage"
                                result-image="myCroppedImage"
                                result-image-size="resultImageSize"
                                area-type="{{CropImg.cropType}}"
                                ></img-crop>
                    </div>
                </div>
            </div>
            <div class="col col-sm-12">
                <div class="inline bg-white wrapper-sm b-a">
                    <div class="bg-light">
                        <img ng-src="{{myCroppedImage}}" />
                    </div>
                </div>
            </div>
        </div>
        <!--<div class="btn-group m-t">-->
            <!--<label class="btn btn-default" ng-model="cropType" btn-radio="'circle'">Circle</label>-->
            <!--<label class="btn btn-default" ng-model="cropType" btn-radio="'square'">Square</label>-->
        <!--</div>-->
        <div class="checkbox m-t-lg">
            <button type="submit" class="btn btn-black" ng-click="CropImg.cancelCropImg()">
                <strong>取消</strong></button>
            <button type="submit" class="btn btn-success" ng-disabled="imgSelected" ng-click="CropImg.saveCropImg(myCroppedImage)"><strong>确认修改</strong></button>
        </div>
    </div>
</div>